<%-- 
    Document   : messageBirth
    Created on : Apr 3, 2013, 10:26:53 AM
    Author     : Hung.Ngo
--%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<%@taglib prefix="f" uri="http://java.sun.com/jsf/core" %>
<%@taglib prefix="h" uri="http://java.sun.com/jsf/html" %>
<%@taglib prefix="rich" uri="http://richfaces.org/rich" %>
<%@taglib prefix="a4j" uri="http://richfaces.org/a4j" %>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
    </head>
    <style>
        .itemdiv{
            float: left;
            background-color: white;
            width: 100%;
            border-bottom: 1px solid gray;
            height: auto;
            line-height: 25px;
        }
        .itemdiv img{
            margin-left: 5px;
            width: 15px;
            height: 15px;
        }
        .olll{
            background-color: #E0EFFC;
        }
    </style>
    <body>
        <f:view>
            <a4j:repeat  value="#{n500Controller.NCURPKS_LISTOFTABN500HOLI}" var="item" rowKeyVar="row" >


                <div style="height: 35px;" class="itemdiv <h:outputText value="olll" rendered="#{row%2==0}"/>">
                    <div style="float: left;width: 100%;height: 17px;">
                        <h:graphicImage style="margin-top:2px;" value="../images/nghiphep1.png"/>  <h:outputText style="font-weight:bold;font-size:11px;margin-left:5px;" value="#{item.hoten}"/>
                    </div>
                    <div style="float: left;width: 100%;margin-left: 22px;">
                    <h:outputText style="font-style:italic;" value="#{item.nd501}">
                        <f:convertDateTime pattern="dd/MM/yyyy"/>
                    </h:outputText>
                        - 
                        <h:outputText style="font-style:italic;" value="#{item.nd505}">
                            <f:convertDateTime pattern="dd/MM/yyyy"/>
                        </h:outputText>
                    </div>
                </div>
                
            </a4j:repeat>
        </f:view>
    </body>
</html>
